.z-wrap {
    max-width: $wrap;
    margin: 0 auto;
    .z-fixed-bottom {
        left: 50%;
        box-sizing: border-box;
        max-width: $wrap;
        transform: translate(-50%, 0);
    }
}

.z-dib {
    display: inline-block;
}

.z-fl {
    float: left;
}

.z-fr {
    float: right;
}

.z-pa {
    padding: $pa;
}

.z-pal {
    padding-left: $pa;
}

.z-bor {
    border: 1px solid $bor;
}

.z-bot {
    border-top: 1px solid $bor;
}

.z-bob {
    border-bottom: 1px solid $bor;
}
.z-bob-0{
    border-bottom: 0;
}

.z-bon {
    border: none;
}

.z-br-0 {
    border-radius: 0;
}

.z-br-3 {
    border-radius: 3px;
}

.z-br-5 {
    border-radius: 5px;
}

.z-pat {
    padding-top: $pa;
}
.z-par {
    padding-right: $pa;
}

.z-pat-0 {
    padding-top: 0;
}

.z-pab-0 {
    padding-bottom: 0;
}

.z-par-0 {
    padding-right: 0;
}

.z-pab {
    padding-bottom: $pa;
}

.z-plr {
    padding-left: $pa;
    padding-right: $pa;
}

.z-ptb {
    padding-top: $pa;
    padding-bottom: $pa;
}

.z-ma {
    margin: $pa;
}

.z-matb {
    margin: $pa 0;
}

.z-mat {
    margin-top: $pa;
}

.z-mar-0 {
    margin-right: 0;
}

.z-mal-0 {
    margin-left: 0;
}

.z-mat-0 {
    margin-top: 0;
}

.z-mab-0 {
    margin-bottom: 0;
}

.z-mab {
    margin-bottom: $pa;
}

.z-mal {
    margin-left: $pa;
}

.z-mar {
    margin-right: $pa;
}

.z-mlr {
    margin: 0 $pa;
}

.z-db {
    display: block;
    width: 100%;
}

.z-vh {
    visibility: hidden;
}

.z-hide {
    display: none;
}

.z-center-c .item,
.z-center,
.z-ta-c {
    text-align: center;
}

.z-ta-l {
    text-align: left;
}

.z-ta-r {
    text-align: right;
}

.z-wa {
    width: auto;
}

.z-wp {
    width: 100%;
}

.z-hp {
    height: 100%;
}

.z-va-m {
    vertical-align: middle;
}

// .z-more {
//     padding-right: 30px;
//     @include angle-right($gray, 12px, 12px);
// }

.z-por {
    position: relative;
    .z-poa {
        top: 0;
        left: 0;
        width: 100%;
    }
}

.z-poa {
    position: absolute;
}

.z-ovh {
    overflow: hidden;
}

// .z-msg {
//     color: $red;
//     display: none;
// }

// .z-pc {
    // display: block;
// }

// .z-phone {
//     display: none;
// }

// @media screen and (max-width: $wrap) {
//     .z-pc {
//         display: none;
//     }
//     .z-phone {
//         display: block;
//     }
// }

// .z-radio,
// .z-radio-c input[type='radio'] {
//     display: none;
//     & + label {
//         display: inline-block;
//         // margin-left: $pa;
//         // margin-right: $pa;
//         background: url(../img/n.png) no-repeat 0 center;
//         background-size: 16px auto;
//         padding-left: 21px;
//         // transition: all 0.1s;
//     }
//     &:last-child+ label {
//         margin-right: 0;
//     }
//     &:checked + label {
//         background-image: url(../img/o.png);
//         color: $bg;
//     }
// }
.z-fw-b {
    font-weight: bold;
}

.z-fs-18 {
    font-size: rem(18px);
}

.z-fs-16 {
    font-size: rem(16px);
}

.z-fs-14 {
    font-size: rem(14px);
}

.z-fs-12 {
    font-size: rem(12px);
}

// image size
.z-iw-16,.z-iw-16 img{
    width: 16px;
}
.z-iw-18,.z-iw-18 img{
    width: 18px;
}
.z-iw-19,.z-iw-19 img{
    width: 19px;
}
.z-iw-22,.z-iw-22 img{
    width: 22px;
}
.z-iw-32,.z-iw-32 img{
    width: 32px;
}
.z-iw-64,.z-iw-64 img{
    width: 64px;
}

.z-ih-16,.z-ih-16 img{
    width:inherit;
    height: 16px;
}
.z-ih-18,.z-ih-18 img{
    width:inherit;
    height: 18px;
}
.z-ih-19,.z-ih-19 img{
    width:inherit;
    height: 19px;
}
.z-ih-22,.z-ih-22 img{
    width:inherit;
    height: 22px;
}
.z-ih-32,.z-ih-32 img{
    width:inherit;
    height: 32px;
}
.z-ih-64,.z-ih-64 img{
    width:inherit;
    height: 64px;
}

.z-vcenter {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
